<template>
  <div class="login_container">
    <div class="login_container_title">
      <p>很高兴即将成为商城的会员（注册只需要一步）</p>
    </div>
    <div class="login_container_input">
      <input type="text" placeholder="手机号码" />
      <input type="text" placeholder="密码" />
      <input type="text" placeholder="确认密码" />
      <input type="text" placeholder="用户名" />
    </div>
    <button>立即注册</button>
    <div><p>已有账号？立即登录</p></div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.login_container {
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  
  width: 94%;

  margin-left: 3%;
}
.login_container_title {
  font-size: 12px;
  color: #909090;
  font-weight: 700;
  /* display: inline-flex;
  justify-content: center; */
  /* align-items: center; */
  margin-top: 1.5rem;
  height: 3rem;
}
.login_container_input {
  width: 100%;
 
  /* height: 80vh; */
  /* color: rgb(196, 186, 183); */
}
.login_container_input input {
  width: 80%;
  height: 35px;
  margin-top: 23px;
  border: 1.2px solid black;
}
</style>